import { InputNumber, Radio, Checkbox, Space, Form, Input, Button } from "antd";
import { useState, useEffect } from 'react';
import './index.less'
import TextArea from "antd/es/input/TextArea";
import { CloseOutlined, DownOutlined } from '@ant-design/icons';
export default function Bc(props) {
    const [bcVisible, setBcVisible] = useState(true);

    const quxiao = () => {
        setBcVisible(false)
    }

    return (

        <>
            {
                bcVisible && <div style={{
                    width: 400,
                    height: 300,
                    position: "absolute",
                    left: 500,
                    top: 120,
                    bottom: 100,
                    background: 'rgba(1,15,31,0.5)',
                    // border: '1px solid rgba(9,107,225,0.8)',
                    pointerEvents: 'auto',
                    borderRadius: 8,
                }}>
                    <Button size="small" icon={<CloseOutlined />}

                        style={{
                            marginLeft: '380px',
                            marginTop: '-5px',
                            background: "#00000000"
                        }}
                        onClick={quxiao}
                    />
                    <Form
                        labelCol={{
                            span: 4,

                        }}
                        wrapperCol={{
                            span: 18
                        }}
                        style={{
                            marginTop: '15px',
                        }}
                    >
                        <Form.Item
                            label="名称"
                            name="mingcheng"
                            rules={[
                                {
                                    required: true,
                                    //   message: 'Please input your username!',
                                },
                            ]}
                        >
                            <TextArea style={{
                                height: '40px',

                            }} />
                        </Form.Item>
                        <Form.Item
                            label="说明"
                            name="shuoming"
                            rules={[
                                {
                                    required: true,
                                    //   message: 'Please input your username!',
                                },
                            ]}
                        >
                            <TextArea style={{
                                height: '130px',

                            }} />
                        </Form.Item>
                        <Form.Item
                            wrapperCol={{
                                offset: 6,
                                span: 6,
                            }}
                        >
                            <Button type="primary" onClick={() => alert("保存成功")}>
                                保存
                            </Button>
                        </Form.Item>

                        <Form.Item

                            labelCol={{
                                offset: 3,
                            }}
                            wrapperCol={{
                                offset: 15,
                                span: 5,
                            }}
                            style={{
                                marginTop: '-55px'
                            }}
                        >
                            <Button onClick={quxiao}>
                                取消
                            </Button>
                        </Form.Item>
                    </Form>

                </div>
            },

        </>
    )
}
